<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>


<!--头部-->
<div>
<!--以后再写的时候 这位置 应该用列表 表示-->
    <a href="">phaser</a>
    <a href="">首页</a>
    <a href="">入门指南</a>
    <a href="">文档</a>
    <a href="">示列和源码</a>
    <a href="">关于我们</a>
    <a href="">phaser中文网</a>
</div>
<!--banner-->


<div>
    <h1>入门指南</h1>
</div>
<!--内容-->
<div>
    <!--目录-->
    <div>
        <ol>
            <li>
                <a href="#shuoming">说明</a>
            </li>
            <li>
                <a href="#anzhuang">安装</a>
            </li>
            <li>
                <a href="#xuanzebianjiqi">选择编辑器</a>
            </li>
            <li>
                <a href="#huoquphaser">获取phaser</a>
            </li>
            <li>
                <a href="#Hello world">Hello world！</a>
            </li>
        </ol>
        <a href="">返回顶部</a>
    </div>
    <!--详细内容-->
    <div>
        <!--说明部分-->
        <div id="shuoming">

            <h2>说明</h2>
            <p>本文教你如何搭建Phaser的开发环境，包括一个本地的web服务器，IDE的选择，获取最新版本的Phaser。

                如果你有一个本地的Web服务器（IIS、Apache等），可以跳过下面的解释直接看安装部分。

                如果你想知道原因，请继续阅读...

                必须要一个Web 服务器？我只想做游戏！

                为什么必须需要web服务器? 我不能把HTML文件拖到浏览器吗？
                我知道这有点混乱，甚至有点矛盾。不过归根结底还是浏览器的安全因素。如果你做一个HTML页面，你可以开开心心的把它拖到浏览器上去看效果，你也可以把网页内容完整的另存再重新打开，这两种方法都没有问题但为什么不能把HTML5游戏文件拖到浏览器上去运行？

                它与用于访问文件的协议有关，当你通过HTTP协议向服务器发送请求的时候，服务端的安全策略可以保证你只能访问你需要访问的文件。但当你拖动文件加载到本地文件系统（file：//）会受到很大限制，原因是显而易见的。在file：//协议上并没有域的概念，没有服务器级别的安全性，只是一个文件系统

                问问你自己：你想让JavaScript在你本地的文件系统里面随意的读取文件吗？

                当然，你肯定会直接回答：“当然不想！”如果JavaScript在文件系统(file：//)下面可以随意的读取数据，那么谁也无法阻止它把你本地的文件都上传到其他地方去。

                正因为如此安全问题，所以浏览器在文件系统(file：//)下面把他们的权限控制了起来，每一个单页都变成了独一无二的local domain，所以浏览器上的“另存为”才可以工作。


            </p>
            <div id="anzhuang">
                <h2>安装</h2>
                <p>
                    Windows
                    Windows平台下面有许多可用的安装包，例如Apache、Microsoft IIS

                    OS X
                    在UNIX环境下的OS X操作系统比Windows的选择更多。如果你更喜欢干净整洁易操作的界面，我们推荐你使用MAMP
                </p>
            </div>
            <div id="xuanzebianjiqi">
                <h2>选择编辑器</h2>
                <pre>编辑器种类非常多，可以在以下几个主流的编辑器中选择一个

                    Sublime Text
                    Intel XDK
                    JetBrains WebStorm
                    Visual Studio
                    Brackets</pre>
            </div>
            <div id="获取phaser">
                <h2>获取phaser</h2>
                <p>Phaser是一个开源项目，可以免费下载，不管你用它做商业或免费项目。

                    我们使用GitHub进行源码托管。

                    下载Phaser v2.4.6

                </p>
            </div>
            <div id="Hello world">
                <h2>Hello world！</h2>
                <p>到目前为止，web服务器下载配置完成、编辑器准备就绪、Phaser也已经下载好了，是时候尝试一下了

                    下载这个压缩文件，把它放到你本地的web服务器上去，之后一般都是通过输入localhost/....或者127.0.0.1/....来访问

                    如果一切顺利，中间有一个黑色游戏区显示Phaser的logo。

                    如果没有正常工作，可以查看下浏览器控制台，大部分浏览器都是F12，如Chrome、ie11，看看是什么错误，希望只是简单的文件丢失，在这种情况下，检查你的文件夹名称和刷新页面。

                    如果是更复杂的错误，请提交给我们。</p>
            </div>
            <div><a href="#">返回顶部</a>

            </div>
        </div>
    </div>
</div>








</body>
</html>